<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="../image/png">
  <title>Demo</title>
  <link rel="stylesheet" href="../js/data-tables/DT_bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-timepicker/css/timepicker.css" />
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-datetimepicker/css/datetimepicker-custom.css" />
  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/style-responsive.css" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="../css/bootstrap-fileupload.min.css" />

</head>
<body class="sticky-header" onload="indexmenu('${oneMenu}','${twoMenu}');">
<%@ include file="../index/index.jsp" %>
<section>
	<div class="main-content">
        <!-- 地址栏-->
		<div class="page-heading">
            <h3>
                	后台管理系统
            </h3>
            <ul class="breadcrumb">
                <li>
                    <a href="#">任务管理</a>
                </li>
                <li class="active">下制作单</li>
            </ul>
        </div>   
		<!--这里是写一些内容的  -->
<h3>下制作订单:</h3>
<form id="default" class="form-horizontal">
 
 	<div id="roomsDiv">
 		<!-- 房间1 -->
 		<div>
			<h3>布帘:</h3>
			
			
			
			
 			<h3>制作信息:</h3>
			<div class="form-group">
                  <label class="col-md-2 col-sm-2 control-label">成品尺寸:</label>
                  <div class="col-md-4">
                      <input type="text" placeholder="" class="form-control">
                  </div>
            </div>
			<div class="form-group">
				    <label class="col-sm-2 control-label">款式:</label>
			</div>	
			<div id="anzhuangfangjianDiv" style="position: relative; margin-left: 259px;">
					<div class="radio">
					  <label>
					    <input type="radio" name="test2" value="1">
					    	打孔款(无帘头)
					  </label>
					</div>
					<div class="radio">
					  <label>					<!--  optionsRadios-->
					    <input type="radio" name="test2" value="0" checked="checked">
					    	韩褶款(无帘头)
					  </label>
					</div>	
					<div class="radio">
					  <label>
					    <input type="radio" name="test2" value="1">
					    	帘头+韩褶款
					  </label>
					</div>
			</div>	
			<div class="form-group">
				    <label class="col-sm-2 control-label">大帘款型:</label>
			</div>	
			<div id="anzhuangfangjianDiv" style="position: relative; margin-left: 259px;">
					<div class="radio">
					  <label>
					    <input type="radio" name="test3" value="1">
					    	横拼
					  </label>
					</div>
					<div class="radio">
					  <label>					<!--  optionsRadios-->
					    <input type="radio" name="test3" value="0" checked="checked">
					    	竖拼
					  </label>
					</div>	
			</div>				
			
			<div class="form-group">
				    <label class="col-sm-2 control-label">里布信息:</label>
			</div>	
			<div id="anzhuangfangjianDiv" style="position: relative; margin-left: 259px;">
					<div class="radio">
					  <label>
					    <input type="radio" name="test4" value="1">
					    	遮光
					  </label>
					</div>
					<div class="radio">
					  <label>					<!--  optionsRadios-->
					    <input type="radio" name="test4" value="0" checked="checked">
					    	半遮光
					  </label>
					</div>	
			</div>				
			<div class="form-group">
                  <label class="col-md-2 col-sm-2 control-label">花边型号:</label>
                  <div class="col-md-4">
                      <input type="text" placeholder="" class="form-control" placeholder="花边型号">
                  </div>
            </div>			
            <div class="form-group last">
                <label class="control-label col-md-3">花边图:</label>
                <div class="col-md-9">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                        <div>
                               <span class="btn btn-default btn-file">
                               <span class="fileupload-new"><i class="fa fa-paper-clip"></i>选择图片</span>
                               <span class="fileupload-exists"><i class="fa fa-undo"></i>修改图片</span>
                               <input type="file" class="default" />
                               </span>
                            <a href="#" class="btn btn-danger fileupload-exists" data-dismiss="fileupload"><i class="fa fa-trash"></i>删除图片</a>
                        </div>
                    </div>
                    <br/>
                </div>
            </div> 			
			
			
		

	
			<div>
				<div class="form-group">
	                  <label class="col-md-2 col-sm-2 control-label">主布信息</label>
	            </div>					
				<div class="form-group">
	                  <label class="col-md-2 col-sm-2 control-label">型号:</label>
	                  <div class="col-md-4">
	                      <input type="text" placeholder="" class="form-control" placeholder="">
	                  </div>
	            </div>					
				<div class="form-group">
	                  <label class="col-md-2 col-sm-2 control-label">订货数量:</label>
	                  <div class="col-md-4">
	                      <input type="text" placeholder="" class="form-control" placeholder="">
	                  </div>
	            </div>					
				<div class="form-group">
	                  <label class="col-md-2 col-sm-2 control-label">面料规格:</label>
	                  <div class="col-md-4">
	                      <input type="text" placeholder="" class="form-control" placeholder="定高*/定宽*">
	                  </div>
	            </div>					
			</div>
            <div class="form-group last">
                <label class="control-label col-md-3">制作示意图:</label>
                <div class="col-md-9">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                        <div>
                               <span class="btn btn-default btn-file">
                               <span class="fileupload-new"><i class="fa fa-paper-clip"></i>选择图片</span>
                               <span class="fileupload-exists"><i class="fa fa-undo"></i>修改图片</span>
                               <input type="file" class="default" />
                               </span>
                            <a href="#" class="btn btn-danger fileupload-exists" data-dismiss="fileupload"><i class="fa fa-trash"></i>删除图片</a>
                        </div>
                    </div>
                    <br/>
                </div>
            </div>            
 			<div class="form-group">
                  <label class="col-md-2 col-sm-2 control-label">备注:</label>
                  <div class="col-md-4">
                     <textarea rows="4" cols="50"></textarea>
                  </div>
            </div>	 		
 			<button class="btn btn-success" type="button" onclick="addZhuBu()">增加主布</button>
 			<button class="btn btn-success" type="button" onclick="addPeiBu()">增加配布</button>			
 		</div>
 		
 			<button class="btn btn-success" type="button" onclick="addBuLian()">增加布帘</button>
 			<button class="btn btn-success" type="button" onclick="addShaLian()">增加纱帘</button> 	
 	</div>
 	<button class="btn btn-success" type="button" onclick="addNewRoom()">增加新房间</button>
 
 
 
 
 
 
 
 
</form>		
		<!-- 内容结束 -->
	</div>
</section>


</body>
<script type="text/javascript" src="../js/bootstrap-fileupload.min.js"></script>
<script type="text/javascript" src="../js/taskManage/make.js"></script>
</html>
